<!DOCTYPE html>
<html>
<head>
<link rel='match' href='text_align_complex_ref.html'>
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
<style>

    * { margin: 0px !important; padding: 0px !important; }

    div {
        width: 100px;
        font-size: 10px;
        font-family: Ahem;
        padding: 10px !important;
    }

</style>
</head>
<body>

<section style="text-align: right; color: #f00;">
    <div style="background: #fdd;">  xx xx xx xxxx</div>
    <div style="background: #fdd;">  xx xx xx xxxxxxxxxxxxx</div>
    <div style="background: #fdd;">xxxxxxxxxxxxx  xx xx xx      xxxx</div>
</section>

<section style="text-align: center; color: #0f0;">
    <div style="background: #dfd;"> xx xx xx    xxxx   </div>
    <div style="background: #dfd;"> xx xx xx xxxxxxxxxxxxx</div>
    <div style="background: #dfd;">xxxxxxxxxxxxx xx xx xx    xxxx   </div>
</section>

<section style="text-align: justify; color: #00f;">
    <div style="background: #ddf;">xx  xx  xx xxxx</div>
    <div style="background: #ddf;">xx  xx  xx xxxxxxxxxxxxx</div>
    <div style="background: #ddf;">xxxxxxxxxxxxx xx  xx  xx xxxx      </div>
</section>
</body>
</html>

